<template>
    <div :class="{addEmpty:fix}">
        <div class="m-header" :class="{fix:fix}">
            <i class="iconfont icon-houtui" @click="back"></i>
            <slot></slot>
        </div>  
    </div>
</template>

<script>
export default {
    props:{
        icon:{
            type:Boolean,
            default:true
        },
        fix:{
            default:true,
            type:Boolean
        }
    },
    methods:{
        back(){
            this.$router.go(-1);
        }
    }
}
</script>
<style lang="less">
    .m-header{
        z-index: 2;
        position:relative;
        i{
            position:absolute;
            left:10px;
            top:15px;
            font-size:20px;
            line-height:20px;
        }
        background: #252525;
        height:50px;
        line-height:50px;
        color:#fff;
        text-align:center;
    }
    .fix{
        width:100%;
        position:fixed;
    }
    .addEmpty::after{
        content:'';
        display:block;
        height:50px;
    }
</style>